<div ng-class="{'dropup':upPosition, 'dropdown':!upPosition}" class="form-control clearfix">
    <div class="drop-down-header spill-dots" ng-class="{'p-r-md': !!cleanIcon || !!dropdownIcon, 'cursor-pointer': !ngDisabled}"
        title="{{selectedObj.materialsType}}" ng-click="toggleDropDown()">
        {{selectedObj.materialsType || (multiLan?('请选择零件分类'|translate):'请选择零件分类')}}
        <i class="yb-icon ico-chevron-down" ng-if="!!dropdownIcon && (!cleanIcon || !selectedObj.materialsType)"></i>
        <i class="yb-icon ico-close-o" title="清空零件分类" ng-if="!!cleanIcon && !!selectedObj.materialsType" ng-click="cleanSelect($event)"></i>
    </div>
    <div class="drop-down-con def-pos" ng-if="enablePopup"  ng-click="$event.stopPropagation();">
        <div class="wrapper-y-xs wrapper-x-sm">
            {{multiLan?('零件分类'|translate):'零件分类'}}
            <span ng-repeat="obj in tabObj track by $index">
                <span ng-if="$first">:</span>
                <span ng-if="$index > 0">-></span>
                {{obj.materialCalssName}}
            </span>
        </div>
        <div class="row">
            <div tabset class="col-xs-12">
                <div tab heading="{{multiLan?('零件分类'|translate):'零件分类'}}" active="activeFlag[0]">
                    <div class="col-xs-12">
                        <ul class="wrapper-y-sm clearfix select-list">
                            <li ng-class="{active: tabObj[0].materialCalssName == item.materialCalssName}"
                                ng-repeat="item in firstClassList track by $index" ng-click="selectClassItem(1, item)" translate>
                                {{item.materialCalssName}}
                            </li>
                        </ul>
                    </div>
                </div>
                <div tab heading="{{tabObj[0].materialCalssName}}" active="activeFlag[1]" ng-show="secondClassList.length > 0">
                    <div class="col-xs-12">
                        <ul class="wrapper-y-sm clearfix select-list">
                            <li ng-class="{active: tabObj[1].materialCalssName == item.materialCalssName}"
                                ng-repeat="item in secondClassList track by $index" ng-click="selectClassItem(2, item)" translate>
                                {{item.materialCalssName}}
                            </li>
                        </ul>
                    </div>
                </div>
                <div tab heading="{{tabObj[1].materialCalssName}}" active="activeFlag[2]" ng-show="thirdClassList.length > 0">
                    <div class="col-xs-12 ">
                        <ul class="wrapper-y-sm clearfix select-list">
                            <li ng-class="{active: tabObj[2].materialCalssName == item.materialCalssName}"
                                ng-repeat="item in thirdClassList track by $index" ng-click="selectClassItem(3, item)" translate>
                                {{item.materialCalssName}}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer clearfix">
            <span class="btn btn-primary btn-sm pull-right" style="margin-left: 5px;" ng-click="ok()">{{multiLan?('确定'|translate):'确定'}}</span>
            <span class="btn btn-default btn-sm pull-right" ng-click="cancel()">{{multiLan?('取消'|translate):'取消'}}</span>
        </div>
    </div>
</div>